.top-bar{
	border-bottom: 1px solid $light;

	.title-area{
		background-color: $body-font-color;
		text-align: center;

		.name {
			h1{
				a{
					font-size: 22px;
					width: 100%;
				}
			}
		}

		.left {
			left: 1rem;
		}

		.collapsed-only {
			@media #{$small-only} {
				display: inline-block;
				top: 50%;
				margin-top: -1rem;
				position: absolute;
			}

			@media #{$medium-up} {
				display: none;
			}
		}
	}

	.top-bar-section{

		ul li{
			background: transparent;

			a:not(.button){
				color: $body-font-color;
				background: transparent;
				&:after{
					border-color: $body-font-color transparent transparent transparent;
				}
			}
		}
	}
}
